<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>云实验室</title>
    {% load static %}
    <link   href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link   href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
    <link   href="{% static 'css/toastr.min.css' %}" rel="stylesheet">
    <link   href="{% static 'css/xterm.min.css' %}" rel="stylesheet">
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/toastr.min.js' %}"></script>
    <script src="{% static 'js/xterm.min.js' %}"></script>
    <script src="{% static 'js/app.js' %}"></script>
    <style type="text/css">body{ font-size:13px;} </style>
    <style type="text/css">th{vertical-align: middle !important;}</style>
    <style type="text/css">td{vertical-align: middle !important;}</style>
    <script type="text/javascript">         
     toastr.options = {
                        "closeButton": false,
                        "debug": false,
                        "newestOnTop": false,
                        "progressBar": false,
                        "positionClass": "toast-top-right",
                        "preventDuplicates": false,
                        "onclick": null,
                        "showDuration": "300",
                        "hideDuration": "1000",
                        "timeOut": "5000",
                        "extendedTimeOut": "1000",
                        "showEasing": "swing",
                        "hideEasing": "linear",
                        "showMethod": "fadeIn",
                        "hideMethod": "fadeOut"
                      }
    </script>
</head>
<body>

<!-- navbar start-->
<div class="row"style="margin-left: 0px; margin-right: 0px;">
    <div class="col-md-12">
        <nav class="navbar navbar-default"><!-- /navbar -->
              <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#my-nav" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="#">云实验室</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="my-nav">
                  <ul class="nav navbar-nav navbar-right">
                      <li class="dropdown">
                        <a href="#" class="fa fa-user dropdown-toggle" id="moret" data-toggle="dropdown" role="button" aria-hapopup="true" aria-expanded="false">
                          {% if request.session.islogin %}
                          {{ request.session.username }}
                          {% else %}
                          Sign in
                          {% endif %}
                          <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                          <li><a a class="fa fa-cog" href="/account/">&nbsp; 设置</a></li>
                          <li role="separator" class="divider"></li>
                          <li><a class="fa fa-sign-out" href="/account/logout">&nbsp; 退出</a></li>
                        </ul>
                      </li>
                  </ul>
                </div><!-- /.navbar-collapse -->
              </div><!-- /.container-fluid -->
            </nav><!-- /navbar -->
    </div>
</div>
<!-- navbar end-->

<div class="container-fluid">
<div class="row" style="margin-right:1px; margin-left: 1px">
  <div class="list-group col-md-2">
    {% include 'side_bar.html' %}
  </div>
  <div id="body" class="col-md-10">
    {% block body %}
    {% endblock %}
  </div>
</div>
</div>

</body>

<!-- footer start-->
<footer class="footer">
<div class="container"> 
<hr>
<p style="text-align: center; font-size: 13px;">
© 2020 云实验室
</p> 
</div>
</footer>
<!-- footer end-->

</html>
